@charset "utf-8";
@import "reset";
@import "header";
@import "footer";
@import "common";

section{
    padding-top: r(88px);
    padding-bottom: r(96px); 
    .banner{
        position: relative;
        .banner-warp{
            width: 100%;
            
            img{
                width: r(640px);
                height: r(358px);
                display: block;
            }
        }
        
//      蒙版
        .mask{
            width: 100%;
            position: absolute;
            height: r(107px);
            background-color: rgba(0,0,0,.7);
            top: r(250px);
            left: 0;
            p:first-of-type{
                font-size: r(26px);
                line-height: r(26px);
                color: white;
                margin: {
                    top: r(19px);
                    left: r(29px);
                }
            }
            p:nth-of-type(2){
                line-height: r(24px);
                color: white;
                margin: {
                    top: r(13px);
                    left: r(29px);
                }
                font-size: r(15px);
                span{
                    font-size: r(24px);
                }
            }
            
        }
    }
    
    .blodline{
        width: 100%;
        height: r(25px);
        background-color: #f5f5f5;
        
    }
    
//  内容块
    .cell{
        width: r(585px);
        margin: r(23px) auto 0 auto;
//      左边
        .left{
            width: r(248px);
            margin-top: r(4px);
            margin-bottom: r(10px);
//          height: r(105px);
            .pro-warp{
                img{
                    height: r(58px);
                    width: r(58px);
                    display: block;
                }
            }
            .pro-right{
                margin-left: r(17px); 
                p:first-of-type{
                    height: r(22px);
                    margin-top: r(6px);
                    font-size: r(22px);
                    color: #c5c5c5;
                }
                p:nth-of-type(2){
                    margin-top: r(6px);
                    height: r(18px);
                    font-size: r(18px);
                    color: #c5c5c5;
                }
            }
            .bottom{
                height: r(25px);
                font-size: r(25px); 
                margin: {
                    top: r(14px);
                    left: r(7px);
                    
                } 
            }
        }
//      右边
        .right{
            width: r(230px);
//          height: r(109px);
            .singup{
                width: r(228px);
                height: r(58px);
                background-color: #b20000;
                a{
                    font-size: r(27px);
                    line-height: r(58px);
                    color: white;
                    display: block;
                    width: 100%;
                    height: 100%;
                    text-align: center;s
                    span{
                        font-size: r(25px);
                        color: white;
                        
                    }
                }
            }
            p{
                height: r(15px);
                font-size: r(15px);
                width: 100%;
                text-align: right;
                margin-top: r(28px);
            }
        }
        
        .cell-warp{
            padding: {
                top: r(17px);
                bottom: r(26px);
            }
            border-top: r(1px) solid $bordercolor;
            margin-top: r(8px);
            img{
                width: r(585px);
                height: r(432px);
                display: block;
            }
        } 
        
    }
    
    
    .more{
        width: 100%;
//      height: ;
        font-size: 0;
        
        text-align: center;
        
        a{
            width: 100%;
            height: 100%;
            color: #bbbbbb;
            font-size: r(22px); 
            line-height: r(73px);
            display: block;
            width: 100%;
            height: 100%; 
        }
    }
}
